<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("#btn1").click(function(){
    $("#p1").hide();
  });
  $("#btn2").click(function(){
    $("#p1").show();
  });
  $("#btn3").click(function(){
    $("#p3").toggle();
  });
  
  $("#deleteBatch").click(function(){
	  $("#delete").toggle();
  });
  
});
</script>
</head>
<body>
<p  id="p1">使用hide()方法隐藏文本<p>
<button id="btn1">隐藏</button>
<button id="btn2">显示</button>
<p id="p3">这是一个文本段落。</p>
<button id="btn3">隐藏/显示toggle()</button>

<button id="deleteBatch">批量删除</button>
<div name="hiddenButton" >
		<button id="delete" class="deleteBtn">  
			删除
		</button>
		<button id="cancel" class="deleteBtn">  
			取消
		</button>
	</div>
</body>
</html>
